<template>
  <educate-layout>
    <template v-slot:left>
      <institution />
    </template>
    <template v-slot:panel>
      <panel />
    </template>
    <template v-slot:right>
      <common-table
        border
        :data="list"
        :columns-item="columns"
        :loading="false"
      />
    </template>
  </educate-layout>
</template>

<script>
import EducateLayout from '@/components/Layout/EducateLayout.vue'
import Institution from '@/components/Trees/Institution.vue'
import CommonTable from '@/components/CommonTable/index.vue'
import Panel from './Panel'
import { personList } from '@/simdata/personage'
export default {
  components: {
    EducateLayout,
    Institution,
    CommonTable,
    Panel
  },
  data() {
    return {
      list: [],
      columns: [
        { prop: 'data', label: '活动时间', width: '100' },
        { prop: 'locus', label: '活动地点', width: '100' },
        { prop: 'type', label: '活动形式', width: '100' },
        { prop: 'theme', label: '活动主题', width: '100' },
        { prop: 'constitutor', label: '组织者', width: '100' },
        { prop: 'number', label: '教育人数', width: '100' },
        { prop: 'quantity', label: '发放数量', width: '100' },
        { prop: 'adjunct', label: '附件', width: '100' }
      ]
    }
  },
  mounted() {
  }
}
</script>

<style>

</style>
